<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="bootstrap/2.3.2/css/bootstrap.min.css" rel="stylesheet" media="screen">
</head>
<body>
<h1>SIGN UP</h1>

<form class="form-horizontal" method="post" action="signup.shtml">
    <div class="control-group">
        <label class="control-label" for="gender">Gender</label>

        <div class="controls">
            <select id="gender" name="gender">
            <#list genders as gender>
                <option value="${gender.name()!}">${gender.getName()!}</option>
            </#list>
            </select>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="race">Race</label>

        <div class="controls">
            <select id="race" name="race">
            <#list races as race>
                <option value="${race.name()!}">${race.getName()!}</option>
            </#list>
            </select>
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="username">Username</label>

        <div class="controls">
            <input type="text" id="username" name="username">
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="password">Password</label>

        <div class="controls">
            <input type="password" id="password" name="password">
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="repeatPassword">Repeat Password</label>

        <div class="controls">
            <input type="password" id="repeatPassword" name="repeatPassword">
        </div>
    </div>
    <div class="control-group">
        <label class="control-label" for="rolename">Rolename</label>

        <div class="controls">
            <input type="text" id="rolename" name="rolename">
        </div>
    </div>
    <div class="control-group">
        <div class="controls">
            <button type="submit" class="btn">Sign up</button>
        </div>
    </div>
</form>


</body>
</html>